<template>
  <div>
    <h4>免疫系统疾病</h4>
    <el-form :model="sizeForm" label-width="80px" size="mini">
      <el-form-item label="诊断名称:">
        <el-checkbox-group v-model="sizeForm.diagnosisName" @change="handleChecked">
          <el-checkbox label="1" name="diagnosisName">类风湿关节炎</el-checkbox>
          <el-checkbox label="2" name="diagnosisName">干燥综合征</el-checkbox>
          <el-checkbox label="3" name="diagnosisName">系统性红斑狼疮</el-checkbox>
          <el-checkbox label="4" name="diagnosisName">桥本氏甲状腺炎</el-checkbox>
          <el-checkbox label="5" name="diagnosisName">多发性硬化</el-checkbox>
          <el-checkbox label="6" name="diagnosisName">银屑病</el-checkbox>
          <el-checkbox label="7" name="diagnosisName">炎症性肠病</el-checkbox>
          <el-checkbox label="8" name="diagnosisName">甲亢</el-checkbox>
          <el-checkbox label="9" name="diagnosisName">甲减</el-checkbox>
          <el-checkbox label="10" name="diagnosisName">多发性肌炎</el-checkbox>
          <el-checkbox label="11" name="diagnosisName">免疫性心肌炎</el-checkbox>
        </el-checkbox-group>
      </el-form-item>
      <h5 v-show="nameValue.indexOf('1') !== -1">类风湿关节炎</h5>
      <year-and-medical v-show="nameValue.indexOf('1') !== -1" ref="leifengshiguanjieyan" />
      <h5 v-show="nameValue.indexOf('2') !== -1">干燥综合征</h5>
      <year-and-medical v-show="nameValue.indexOf('2') !== -1" ref="ganzaozonghezheng" />
      <h5 v-show="nameValue.indexOf('3') !== -1">系统性红斑狼疮</h5>
      <year-and-medical v-show="nameValue.indexOf('3') !== -1" ref="hongbanlangchuang" />
      <h5 v-show="nameValue.indexOf('4') !== -1">桥本氏甲状腺炎</h5>
      <year-and-medical v-show="nameValue.indexOf('4') !== -1" ref="jiazhuangxianyan" />
      <h5 v-show="nameValue.indexOf('5') !== -1">多发性硬化</h5>
      <year-and-medical v-show="nameValue.indexOf('5') !== -1" ref="yinghua" />
      <h5 v-show="nameValue.indexOf('6') !== -1">银屑病</h5>
      <year-and-medical v-show="nameValue.indexOf('6') !== -1" ref="yinxiebing" />
      <h5 v-show="nameValue.indexOf('7') !== -1">炎症性肠病</h5>
      <year-and-medical v-show="nameValue.indexOf('7') !== -1" ref="changbing" />
      <h5 v-show="nameValue.indexOf('8') !== -1">甲亢</h5>
      <year-and-medical v-show="nameValue.indexOf('8') !== -1" ref="jiakang" />
      <h5 v-show="nameValue.indexOf('9') !== -1">甲减</h5>
      <year-and-medical v-show="nameValue.indexOf('9') !== -1" ref="jiajian" />
      <h5 v-show="nameValue.indexOf('10') !== -1">多发性肌炎</h5>
      <year-and-medical v-show="nameValue.indexOf('10') !== -1" ref="jiyan" />
      <h5 v-show="nameValue.indexOf('11') !== -1">免疫性心肌炎</h5>
      <year-and-medical v-show="nameValue.indexOf('11') !== -1" ref="xinjiyan" />
    </el-form>
    <el-divider />
  </div>
</template>

<script>
import YearAndMedical from './YearAndMedical.vue'

export default {
  components: {
    YearAndMedical
  },
  data() {
    return {
      sizeForm: {
        id: '',
        diagnosisName: [
          '1'
        ],
        diseaseName: '5',
        pid: this._routerRoot._route.query.id,
        pastDiseaseInfoDtos: []
      },
      nameValue: [
        '1'
      ]
    }
  },
  created() {
    this.nameValue = this.sizeForm.diagnosisName
  },
  methods: {
    onSubmit() {
      console.log('submit!')
    },
    handleChecked(v) {
      this.nameValue = v
    }
  }
}
</script>

<style>

</style>
